%container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:768px) {
  .container {
    width: 750px
  }
}

@media (min-width:992px) {
  .container {
    width: 970px
  }
}

@media (min-width:1200px) {
  .container {
    width: 1170px
  }
}

.container,
.container-fluid {
  @extend %container;
  @include clearfix();
}

.row {
  @include clearfix();
  margin-right: -15px;
  margin-left: -15px
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

@for $i from 1 through 12 {
  $width: $i/12 * 100%;
  .col-xs-#{$i} {
    width: $width;
  }

  .col-xs-pull-#{$i} {
    right: $width;
  }

  .col-xs-offset-#{$i} {
    margin-left: $width;
  }
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-offset-0 {
  margin-left: 0
}

@media (min-width: 768px) {
  @for $i from 1 through 12 {
    $width: $i/12 * 100%;
    .col-sm-#{$i} {
      width: $width;
    }

    .col-sm-pull-#{$i} {
      right: $width;
    }

    .col-sm-offset-#{$i} {
      margin-left: $width;
    }
  }

  .col-sm-pull-0 {
    right: auto
  }

  .col-sm-offset-0 {
    margin-left: 0
  }
}

@media (min-width: 992px) {
  @for $i from 1 through 12 {
    $width: $i/12 * 100%;
    .col-md-#{$i} {
      width: $width;
    }

    .col-md-pull-#{$i} {
      right: $width;
    }

    .col-md-offset-#{$i} {
      margin-left: $width;
    }
  }

  .col-md-pull-0 {
    right: auto
  }

  .col-md-offset-0 {
    margin-left: 0
  }
}

@media (min-width: 1200px) {
  @for $i from 1 through 12 {
    $width: $i/12 * 100%;
    .col-lg-#{$i} {
      width: $width;
    }

    .col-lg-pull-#{$i} {
      right: $width;
    }

    .col-lg-offset-#{$i} {
      margin-left: $width;
    }
  }

  .col-lg-pull-0 {
    right: auto
  }

  .col-lg-offset-0 {
    margin-left: 0
  }
}